<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<%@ page import="org.apache.shiro.SecurityUtils" %>
<%@ page import="com.xungou.utils.UserUtil" %>
<%@ include file="../common/meta.jsp" %>
<%@ include file="../common/taglib.jsp" %>
<link rel="stylesheet" type="text/css" href="home/assets/showbo/css/showBo.css"/>
<link rel="stylesheet" type="text/css" href="home/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="home/css/style.css"/>
<link rel="stylesheet" type="text/css" href="home/css/shopping-mall-index.css"/>

<script type="text/javascript" src="home/js/bootstrap.min.js"></script>
<script type="text/javascript" src="home/assets/showbo/js/showBo.js"></script>
<script type="text/javascript" src="home/js/head.js"></script>
<c:if test="${param.showkj==0}">
    <script type="text/javascript">
        $(function(){
            //分类快捷
            $("[kj]").click(function (event) {
                $("[kj-sh]").slideToggle();
            });
            window.alert = function(message){
                Showbo.Msg.alert(message);
            }
            window.confirm = function(message,callback){
                Showbo.Msg.confirm(message,callback);
            }
            window.prompt = function(labelWord,defaultValue,txtId,fn){
                Showbo.Msg.prompt(labelWord,defaultValue,txtId,fn);
            }
            $('html').css("position","relative");
        });

        function openMask(){
            $("#xungouMask").show();
        }
        function closeMask(){
            $("#xungouMask").hide();
        }
    </script>
    <style type="text/css">
        .nav .kj-show2 {
            background-color: #2B2B2B !important;
        }
        .navparent{
            border-bottom: 2px solid #3B9BFF;
        }
    </style>
</c:if>

<div id="xungouMask" style="
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0.5;
    background: url(../../../../images/loading.gif) center no-repeat;
    background-color: #000;
    display: none;
    background-attachment: fixed;
  "></div>

<!--top 开始-->
<div class="top head-top">
    <div class="top-con w1200">
        <shiro:notAuthenticated>
            <p class="t-con-l f-l">
                <a href="/global/loginPage.do">登录</a>&nbsp;&nbsp;&nbsp;
                <a href="/global/loginPage.do">注册</a>
            </p>
        </shiro:notAuthenticated>
        <shiro:authenticated>
            <p class="t-con-l f-l">
                <a href="/user/personalCenter.do"><%=SecurityUtils.getSubject().getPrincipal().toString()%> (个人中心)</a>&nbsp;&nbsp;&nbsp;
                <a href="/global/loginPage.do">退出</a>
                <input id="userId" type="hidden" value="<%=UserUtil.getCurrentUser().getId()%>">
            </p>
        </shiro:authenticated>
        <ul class="t-con-r f-r">
            <shiro:authenticated>
                <li><a href="${ctx}/user/personalCenter.do?page=shoppingCartPage">我的购物车</a></li>
                <li><a href="${ctx}/user/personalCenter.do?page=orderListForBuyerPage">我的订单</a></li>
                <li><a href="#jsp">收藏夹</a></li>
                <li><a href="${ctx}/user/shopManage.do">商家入口</a></li>
            </shiro:authenticated>
            <shiro:notAuthenticated>
                <li><a href="${ctx}/global/loginPage.do">我的购物车</a></li>
                <li><a href="${ctx}/global/loginPage.do">我的订单</a></li>
                <li><a href="${ctx}/global/loginPage.do">收藏夹</a></li>
                <li><a href="${ctx}/global/loginPage.do">商家入口</a></li>
            </shiro:notAuthenticated>

        </ul>
        <div style="clear:both;"></div>
    </div>
</div>

<!--logo search 开始-->
<div class="hd-info1 w1200" style="overflow: hidden;">
    <div class="logo f-l">
        <h1><a href="#" title="迅购网LOGO">
            <img src="home/images/logo.jpg"/></a></h1>
    </div>
    <div class="search f-r">
        <ul class="sp" style="margin-bottom: 0px;">
            <li class="current" ss-search="sp"><a href="JavaScript:;">商品</a></li>
            <li ss-search="dp"><a href="JavaScript:;">店铺</a></li>
            <div style="clear:both;"></div>
        </ul>
        <div class="srh">
            <div class="ipt f-l">
                <input type="text" placeholder="搜索商品..." ss-search-show="sp"/>
                <input type="text" placeholder="搜索店铺..." ss-search-show="dp" style="display:none;"/>
            </div>
            <button class="f-r">搜 索</button>
            <div style="clear:both;"></div>
        </div>
    </div>

    <div style="clear:both;"></div>
</div>

<!--切换城市-->
<!--<div class="switch-city w1200">
<a href="#" class="dianji-qh">切换城市</a>
<span class="dqm">重庆市</span>
<div class="select-city">
<div class="sl-city-top">
<p class="f-l">切换城市</p>
<a class="close-select-city f-r" href="#">
<img src="images/close-select-city.gif" />
</a>
</div>
<div class="sl-city-con">
<p>西北</p>
<dl>
<dt>重庆市</dt>
<dd>
<a href="#">长寿区</a>
<a href="#">巴南区</a>
<a href="#">南岸区</a>
<a href="#">九龙坡区</a>
<a href="#">沙坪坝区</a>
<a href="#">北碚</a>
<a href="#">江北区</a>
<a href="#">渝北区</a>
<a href="#">大渡口区</a>
<a href="#">渝中区</a>
<a href="#">万州</a>
<a href="#">武隆</a>
<a href="#">晏家</a>
<a href="#">长寿湖</a>
<a href="#">云集</a>
<a href="#">华中</a>
<a href="#">林封</a>
<a href="#">双龙</a>
<a href="#">石回</a>
<a href="#">龙凤呈祥</a>
<a href="#">朝天门</a>
<a href="#">中华</a>
<a href="#">玉溪</a>
<a href="#">云烟</a>
<a href="#">红塔山</a>
<a href="#">真龙</a>
<a href="#">天子</a>
<a href="#">娇子</a>
</dd>
<div style="clear:both;"></div>
</dl>
<dl>
<dt>新疆</dt>
<dd>
<a href="#">齐乌鲁木</a>
<a href="#">昌吉</a>
<a href="#">巴音</a>
<a href="#">郭楞</a>
<a href="#">伊犁</a>
<a href="#">阿克苏</a>
<a href="#">喀什</a>
<a href="#">哈密</a>
<a href="#">克拉玛依</a>
<a href="#">博尔塔拉</a>
<a href="#">吐鲁番</a>
<a href="#">和田</a>
<a href="#">石河子</a>
<a href="#">克孜勒苏</a>
<a href="#">阿拉尔</a>
<a href="#">五家渠</a>
<a href="#">图木舒克</a>
<a href="#">库尔勒</a>
</dd>
<div style="clear:both;"></div>
</dl>
<dl>
<dt>甘肃</dt>
<dd>
<a href="#">兰州</a>
<a href="#">天水</a>
<a href="#">巴音</a>
<a href="#">白银</a>
<a href="#">庆阳</a>
<a href="#">平凉</a>
<a href="#">酒泉</a>
<a href="#">张掖</a>
<a href="#">武威</a>
<a href="#">定西</a>
<a href="#">金昌</a>
<a href="#">陇南</a>
<a href="#">临夏</a>
<a href="#">嘉峪关</a>
<a href="#">甘南</a>
</dd>
<div style="clear:both;"></div>
</dl>
<dl>
<dt>宁夏</dt>
<dd>
<a href="#">银川</a>
<a href="#">吴忠</a>
<a href="#">石嘴山</a>
<a href="#">中卫</a>
<a href="#">固原</a>
</dd>
<div style="clear:both;"></div>
</dl>
<dl>
<dt>青海</dt>
<dd>
<a href="#">西宁</a>
<a href="#">海西</a>
<a href="#">海北</a>
<a href="#">果洛</a>
<a href="#">海东</a>
<a href="#">黄南</a>
<a href="#">玉树</a>
<a href="#">海南</a>
</dd>
<div style="clear:both;"></div>
</dl>
</div>
</div>
</div>-->

<!--nav 开始-->
<div class="navparent">
    <div class="nav w1200">
        <a href="JavaScript:;" class="sp-kj" kj="">
            商品分类快捷
        </a>

        <div class="kj-show2" kj-sh <c:if test="${param.showkj==0}">style="display:none;"</c:if>>

        </div>
        <div style="clear:both;"></div>
    </div>
</div>